<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册界面</title>
		<style type="text/css">
			table, td {
				border: 2px solid red;
				border-collapse: collapse;
			}
			table {
				background-color: lightgray;
				margin-left: auto;
				margin-right: auto;
				width: 350px;
				height: 280px;
			}
			h1 {
				text-align: center;
			}
		</style>
	</head>
	<body>
		<h1>欢迎注册</h1>
		<form action="" method="get">
			<table>
				<tr>
					<td>用户名：</td>
					<td><input type="text" name="username" id="" /></td>
				</tr>
				<tr>
					<td>密码：</td>
					<td><input type="text" name="password" id="" /></td>
				</tr>
				<tr>
					<td>性别：</td>
					<td>
						<input type="radio" name="sex" id="" value="male" checked="checked" />男
						<input type="radio" name="sex" id="" value="female" />女
					</td>
				</tr>
				<tr>
					<td>爱好：</td>
					<td>
						<input type="checkbox" name="hobby" value="basketball" checked="checked" />篮球
						<input type="checkbox" name="hobby" value="football" />足球
						<input type="checkbox" name="hobby" value="volleyball" />排球
					</td>
				</tr>
				<tr>
					<td>城市：</td>
					<td>
						<select>
						  <option value="beijing" selected="selected">北京</option>
						  <option value="shanghai">上海</option>
						  <option value="guangzhou">广州</option>
						  <option value="shenzhen">深圳</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>自我描述：</td>
					<td>
						<textarea rows="4" cols="35" placeholder="请输入描述信息..."></textarea>
					</td>
				</tr>
				<tr>
					<td colspan="2"><center><input type="submit" value="提交" /></center></td>
				</tr>
			</table>
		</form>
	</body>
</html>
